
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body> 
        <p:layout style="width:900px;height:350px;" id="RPlaya">  
               
                   <p:layoutUnit position="west" >  
                    <center><h2>REFERENCIAS DE LA PLAYA</h2></center><br/>
                                              <table  >
                                <tr>
                                    <td><h:outputText value="Playa Codigo: "/></td> 
                                    <td><p:inputText id="input" value="#{controlplayas.codigo}" disabled="true"/></td>
                                </tr>
                                <tr>
                                    <td><h:outputText value="Nombre: " /> </td> 
                                    <td><p:inputText  id="nom" value="#{controlplayas.nombre}" rendered="true"/></td>
                                </tr>
                                <tr>
                                    <td><h:outputText value="Ubiccacion: " /></td> 
                                    <td><p:inputText  value="#{controlplayas.ubicacion}" rendered="true"/></td>
                                </tr>
                                <tr>
                                    <td><h:outputText value="Descripcion: " /></td> 
                                    <td><p:inputText  value="#{controlplayas.descripcion}" rendered="true"/></td>
                                </tr>
                            </table>  
                    
                </p:layoutUnit> 
                <p:layoutUnit position="center"  size="200">  
                    <center><h2>CARACTERISTICAS DE LA PLAYA</h2><br/> 
                        <table>
                                <tr>
                                    <td><h:outputText value="Longitud: " /></td>
                                    <td><h:panelGrid columns="1" style="margin-bottom:10px"> 
                                            <p:inputText id="longitud" value="#{controlplayas.longitud}" required="true" label="Title"/>  
                                            <p:slider for="longitud" maxValue="10000" />  
                                        </h:panelGrid></td>

                                </tr>
                                <tr>
                                    <td><h:outputText value="Ancho Seco: " /></td>
                                    <td><h:panelGrid columns="1" style="margin-bottom:10px"> 
                                            <p:inputText id="anchoseco" value="#{controlplayas.anchoSeco}" required="true" label="Title"/>  
                                            <p:slider for="anchoseco" maxValue="10000" />  
                                        </h:panelGrid></td>

                                </tr>
                                <tr>
                                    <td><h:outputText value="Ancho Sumergido " /></td>
                                    <td><h:panelGrid columns="1" style="margin-bottom:10px"> 
                                            <p:inputText id="anchosumergido" value="#{controlplayas.anchoSumergido}" required="true" label="Title"/>  
                                            <p:slider for="anchosumergido" maxValue="10000" />  
                                        </h:panelGrid></td>

                                </tr>
             

                            </table>
                       
                         
                    </center>
                </p:layoutUnit>  
                <p:layoutUnit position="south" >
                     <p:toolbar>  
                    <p:toolbarGroup align="left">  
                        <p:commandButton  type="buttoon" value="Registrar" action="#{controlplayas.registrarPlaya()}" title="Registrar" update="RPlaya"  style="margin:10px 0" icon="ui-icon-document" />
                        <p:commandButton type="reset" action="#{controlplayas.limpiar()}"  title="Limpiar" icon="ui-icon-trash"/>
                        <p:separator />
                    </p:toolbarGroup>
                    <p:toolbarGroup align="right">
                        <p:commandButton />  
                        <p:commandButton type="button" onclick="RegistrarPlayas.hide()" title="cerrar" icon="ui-icon-print"/>  
                    </p:toolbarGroup>
                </p:toolbar> 
                </p:layoutUnit> 
               
            </p:layout>   
     

    </h:body>
</html>

